$(function() {

    // 电梯导航显示


    var G_twoTop = $('.G-two').offset().top;
    console.log(G_twoTop);

    $(window).scroll(function() {
        var dTop = $(document).scrollTop();


        if (dTop >= G_twoTop) {
            $('.G_fixedtool').fadeIn(500);

        } else {
            $('.G_fixedtool').fadeOut(500);
        }
    })


    // 电梯导航点击跳转
    $('.G_fixedtool li').click(function() {
        // alert(1)
        $(this).addClass('current').siblings().removeClass('current'); //当前高亮

        $(this).children().addClass('G-guide-icon-active').parent().siblings().children().removeClass('G-guide-icon-active'); //当前点变形
        var currentIndex = $(this).index(); //获取当前的索引

        var currentTop = $('.G-bigBox').children().eq(currentIndex).offset().top; // 取对应当前div距离顶部的高度

        $('html,body').animate({
            scrollTop: currentTop // 给body 或者html 滚动对应div距离顶部的高度
        })


    })

    //高亮跟随
    function eachTool() {

        $(".G-Gngs").each(function(i, ele) { // i是索引，ele是遍历对象
            // 减1是为了解决一个小bug
            if ($(document).scrollTop() > $(ele).offset().top - 1) {
                // 给对应导航添加current类，并移除其他导航的current类（li里就这一个类，写不写上current都行）
                $(".G_fixedtool li").eq(i).addClass("current").siblings().removeClass("current");
                $(".G_fixedtool li").eq(i).children().addClass('G-guide-icon-active').parent().siblings().children().removeClass('G-guide-icon-active'); //当前点变形
            } else if ($(window).scrollTop() + $(window).height() >= $(document).height() - 1) {
                // 当页面滚到底部时，给footer对应的导航添加current类
                var footIndex = $(".G_fixedtool li").length - 1;
                $(".G_fixedtool li").eq(footIndex).addClass("current").siblings().removeClass("current");
            }
        })

    }


    eachTool();
    $(window).scroll(function(e) {

        eachTool();
    })




    // G-one三角形点击跳转到下一板块
    $('.G-homeTip').click(function() {
        var t = $('.G-two').offset().top; //  获取需要跳转到标签的top值
        $("html,body").animate({ scrollTop: t }, 500); // 跳转到指定位置
    })


    //点击查看详情弹出div
    $('.G-detail-btn').click(function() {
        $(".G-detail").hide();
    })

    $('.G-two .city-detail').click(function() {
        $("#G-detail1").show();
    })

    $('.G-three .city-detail').click(function() {
        $("#G-detail2").show();
    })

    //美化滚动条
    $('.G-detail-wrap').overlayScrollbars({
        className: "os-theme-dark"
    });

    // 页尾样式


    $('.share').mouseover(function() {
        $('.share_wrap').show()
    }).mouseout(function() {
        $('.share_wrap').hide()
    })





})